html
{
	font-family: "Arial", "Lucinda Grande", "Sans-serif";
	font-style:normal;
 }
body
{
	color:#9C2006;
	margin:0px;
	background:#fefdfc;
	z-index:1;
}

#lighting{
	/*background: transparent 0px 0px 100% 100% url('../images/bg-lighting.png') no-repeat absolute;
	z-index: 100;*/
}

h1
{
	font-size:36pt;
}

h2
{
	font-size:25px;
}

h3
{
	font-size:17px;
}

a{
cursor: pointer;
text-decoration: none;

}
/** HEADER **/
/* 			*/
/************/

header{
	position: fixed;
	height: 100px;
	width:100%;
	text-align:center;
	z-index:400;
	background: transparent url(../images/bg.png) repeat fixed;
	-webkit-box-shadow: inset rgba(156,32,5,0.3) 0px -2px 5px;
    -khtml-box-shadow:inset rgba(156,32,5,0.3) 0px -2px 5px;
    -moz-box-shadow: inset rgba(156,32,5,0.3) 0px -2px 5px;
    -ms-box-shadow: inset rgba(156,32,5,0.3) 0px -2px 5px;
    -o-box-shadow:inset rgba(156,32,5,0.3) 0px -2px 5px;
    box-shadow:inset rgba(156,32,5,0.3) 0px -2px 5px;
	border-bottom:1px rgba(156, 32, 5, 0.4) solid;
	
}
.content{
	width:960px;
	margin:0px auto;
	position:relative;
}

header .content .logo{
	text-align:left;
	top:10px;
}
footer .content .logo{
	top:30px;
}

.logo{
	display:block;
	position:relative;
	font-size:30pt;
	font-family: "Times New Roman";
}

#top-logo-photo{
	color: #9C2006;
	}
#top-logo-digme{
	color:#C14B05;
	}

nav{
	position:absolute;
	font-size:11pt;
	text-transform: uppercase;
}
nav.text{
	right:0px;
	top:0px;
}
nav.dotted{
	position:fixed;
	left:50%;
	top:110px;
}

nav a{
	display:inline-block;
	margin-top:25px;
	margin-left:30px;
	-webkit-transition: color .2s ease .1s, border-bottom .2s ease .1s, opacity .2s ease .1s;
	-moz-transition: color .2s ease .1s, border-bottom .2s ease .1s, opacity .2s ease .1s;
	-o-transition-duration: color .2s ease .1s, border-bottom .2s ease .1s, opacity .2s ease .1s;
	transition: color .2s ease .1s, border-bottom .2s ease .1s, opacity .2s ease .1s;
	
}

nav.dotted a{
	display:inline-block;
	margin-left:10px;
	height:15px;
	width:15px;
	background-size: 15px 15px;
	background-position: 0px 0px;
	background-repeat:no-repeat;
	opacity:0.4;
}
nav.text a{
	width: 120px;
	text-align:left;
	padding-bottom:5px;
	border-bottom: 2px solid #fff;
	color: #FFF;
	}

nav.text a.text-voyages:hover, nav.text a.text-voyages.active{
	border-color: #9C2006;
	color: #9C2006;
}

nav.text a.text-categories:hover, nav.text a.text-categories.active{
	border-color:#C14B05;
	color: #C14B05;
}

nav.dotted a:hover{
	opacity:0.8;
}
nav.dotted a.active{
	opacity:1;
}

#voyages-nav{
	background-image:url('../images/icon-brown-point.png');
}
#categories-nav{
	background-image:url('../images/icon-yellow-point.png');
}
#blog-nav{
	background-image:url('../images/icon-red-point.png');
}

/** Main **/
/* 			*/
/************/
section.main{
	margin-left:30px;
	padding-top: 100px;
	position: relative;
}


section.main section{
width:1500px;
padding-top:120px;
}

section.main div{
	display:inline-block;
	float:left;
}

div.description{
	height:100%;
	width:200px;
	vertical-align:bottom;
	text-align:justify;
	margin:auto 20px;
}

.description h2{
	text-transform:uppercase;
	border-bottom:2px dotted;
}
#voyages .description h2{
	border-color:#9C2006;
}

#categories .description h2{
	border-color:#C14B05;
}

.description p{
	font-style:italic;
	line-height:1.8em;
}

#voyages .description p{
	color: #C0705F;
}

#categories .description p{
	color: #D78C5F;
}

section#voyages, section#voyages a{
	color:#9C2006;
}

section#categories, section#categories a{
	color:#C14B05;
}

section#blog, section#blog a{
	color:#85360C;
}

article{
	display:inline-block;
	width:200px;
	height:200px;
	margin:0px 15px;
	position:relative;
}
article .foreground{
	background: 1px 0px url('../images/fg-images.png') no-repeat transparent;
	width:200px;
	height:200px;
	position:absolute;
	z-index:200;

}
article img{
	width:200px;
	height:200px;
	opacity:0.85;
	-webkit-transition: opacity linear .2s;
	transition: opacity linear .2s;
	-webkit-box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
    -khtml-box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
    -ms-box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
    -o-box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0px -1px 2px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
	border:0px;
}
article img:hover, article img.hovered{
	opacity:1;
}

article span{
	position:absolute;
	top: 140px;
	left:0px;
	text-align: center;
	width:198px;
	height: 30px;
	border:1px solid transparent;
}

span.galleryNameBackGround
{
	background-color:#FFF;
	z-index:101;
	opacity: 0.4;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

span.galleryName
{
	font-size: 20px;
	padding-top: 5px;
	text-align:center;
	z-index:102;
	text-shadow: 1px 1px 1px #fefdfc;
	opacity:1;
}

/** Galleries **/
/***************/
ul.panel-gallery-list{
	position:fixed;
	bottom:100px;
	z-index:200;
	width:100%;
	background: #F4ECE5;
	margin:0px 0px;
	padding: 0px 0px;
	text-align:center;
	font-size: 17px;
	-webkit-box-shadow: inset rgba(156,32,5,0.3) 0px 2px 5px -1px;
    -khtml-box-shadow: inset rgba(156,32,5,0.3) 0px 2px 5px -1px;
    -moz-box-shadow:inset rgba(156,32,5,0.3) 0px 2px 5px -1px;
    -ms-box-shadow: inset rgba(156,32,5,0.3) 0px 2px 5px -1px;
    -o-box-shadow: inset rgba(156,32,5,0.3) 0px 2px 5px -1px;
    box-shadow: inset rgba(156,32,5,0.3) 0px 2px 5px -1px;
	border-top:1px rgba(156, 32, 5, 0.4) solid;
}

ul.panel-gallery-list li{
	display:inline-block;
	padding:10px 0px;
	margin: 0px 40px;
}

ul.panel-gallery-list li a.voyages{
	color:#9C2006;
}

ul.panel-gallery-list li a.categories{
	color:#C14B05;
}

span.selector{
	background: 0px 0px url('../images/selector.png') transparent;
	width:20px;
	height:10px;
	bottom:131px;
	position:fixed;
	z-index:201;
	left:-20px;
}

footer{
	position:fixed;
	width:100%;
	height:100px;
	bottom:0px;
	background: #632A1F;
	-webkit-box-shadow: inset rgba(43, 9, 2,0.5) 0px 2px 5px;
    -khtml-box-shadow:inset rgba(43, 9, 2,0.5) 0px 2px 5px;
    -moz-box-shadow: insetrgba(43, 9, 2,0.5) 0px 2px 5px;
    -ms-box-shadow: none;
    -o-box-shadow:inset rgba(43, 9, 2,0.5) 0px 2px 5px;
    box-shadow:inset rgba(43, 9, 2,0.5) 0px 4px 10px;
	border-top:1px #2b0902 solid;
	z-index:400;
}
#bottom-logo-photo{color:#CCC}
#bottom-logo-digme{color:#EEE}

footer div.contact{
	position:absolute;
	bottom:-45px;
	right:0px;
	color:#ccc; 
	font-size:0.8em;
}
footer div.contact h3{
	color:#EEE;
	padding:0px 100px 2px 0px;
	margin:0px 0px 0px 0px;
	letter-spacing:5px;
	border-bottom:1px #eee solid;
}
footer div.contact .contact-details{
	margin-top:10px;
}
footer div.contact .contact-details div{
	padding:0px 0px 5px 0px;
	letter-spacing:3px;
}
